<!--
  @author duanzuocai
  @since 2018/10/19 23:12
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<zmn th:fragment="query">
    <form method="post" id="zmn-form-query" action="/mc/staff/list.action" style="margin-right: 20px">
        <div class="layui-row">
            <div class="zmn-form-item">
                <div class="item-inline">
                    <label class="inline-label">ID/姓名：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <input type="text" name="keyWord" maxlength="45" th:value="${vo.keyWord}" placeholder="模糊搜索"
                                       autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-inline">
                    <label class="inline-label">账号：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <input type="text" name="staffName" maxlength="45" th:value="${vo.staffName}" placeholder="账号"
                                       autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-inline">
                    <label class="inline-label">工号：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <input type="text" name="staffNumber" maxlength="45" th:value="${vo.staffNumber}" placeholder="工号"
                                       autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-inline">
                    <label class="inline-label">手机号：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <input type="text" name="mobile" maxlength="45" th:value="${vo.mobile}" placeholder="模糊搜索"
                                       autocomplete="off" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="zmn-form-item">
                <div class="item-inline">
                    <label class="inline-label">公司：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <select name="companyId" lay-filter="companyId" lay-search="" th:value="${vo.companyId}">
                                    <option value="0" th:selected="${0 == vo.companyId}">请选择</option>
                                    <zmn th:each="company:${companyList}">
                                        <option th:value="${company.companyId}" th:selected="${company.companyId == vo.companyId}"
                                                th:text="${company.name}">公司
                                        </option>
                                    </zmn>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-inline">
                    <label class="inline-label">所属部门：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <select name="deptId" id="deptId" xm-select-radio xm-select="deptId">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-inline">
                    <label class="inline-label">员工类型：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <select name="roleType" lay-search="" >
                                    <option value="">请选择</option>
                                    <option th:each="role:${roleTypes}" th:value="${role.key}" th:text="${role.value}"
                                            th:selected="${role.key == vo.roleType}"></option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item-inline">
                    <label class="inline-label">入职时间：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <input type="text" id="entryTimeRange" name="entryTimeRange" th:value="${vo.entryTimeRange}" placeholder="yyyy/MM/dd - yyyy/MM/dd"
                                       class="layui-input" autocomplete="off"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="zmn-form-item">
                <div class="item-inline">
                    <label class="inline-label">转正时间：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <input type="text" id="becomeFormalTimeRange" name="becomeFormalTimeRange" th:value="${vo.becomeFormalTimeRange}" placeholder="yyyy/MM/dd - yyyy/MM/dd"
                                       class="layui-input" autocomplete="off"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-inline">
                    <label class="inline-label">合同到期时间：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <input type="text" id="contractEndTimeNowRange" name="contractEndTimeNowRange" th:value="${vo.contractEndTimeNowRange}" placeholder="yyyy/MM/dd - yyyy/MM/dd"
                                       class="layui-input" autocomplete="off"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-inline">
                    <label class="inline-label">状态：</label>
                    <div class="inline-box">
                        <div class="inline-box-cc">
                            <div class="box-input-inline">
                                <select name="staffStatus" lay-search="" >
                                    <option value="">请选择</option>
                                    <option th:each="status:${staffStatusList}" th:value="${status.key}" th:text="${status.value}"
                                            th:selected="${status.key == vo.staffStatus}"></option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item-submit">
                    <button class="layui-btn layuiadmin-btn-admin" lay-submit="" lay-filter="LAY-user-back-search">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </div>
    </form>
</zmn>